<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="Cache-Control" content="no-siteapp"><!-- 百度不转码 -->
    <meta http-equiv="Cache-control" content="no-cache"> <!-- 不缓存 -->
    <meta content="telephone=no" name="format-detection"> <!-- 禁止手机自动将网页中的电话号码显示为拨号的超链接 -->
    <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"><!-- "苹果手机专用"的改变顶部状态条的颜色 -->
    <meta content="yes" name="apple-mobile-web-app-capable"><!-- 开启对 web app 程序的支持 -->
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">
    <!-- 不允许缩放的1:1显示 -->
    <meta name="mobile-agent" content="format=html5;url=http://m.moerlong.com/"><!-- 自主适配，仅在百度移动搜索中有效 -->
    <meta name="applicable-device" content="mobile"><!-- 只适合在移动设备上进行浏览 -->
    <meta name="keywords" content="">
    <meta name="robots" content="index,follow"> <!-- 定义搜索引擎索引方式 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <title>丽娟教育</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <link rel="stylesheet" href="css/second.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/index.js"></script>
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nxW0akynjKF8Ag0G0uVVwq0t6ak1Q1Zj"></script>
</head>

<body>
    <div class="heads">
        <script>
            $(".heads").load("head.html");
        </script>
    </div>
    <div class="se_banner">
        <img src="images/second/seba02.jpg" alt="">
    </div>
    <div class="huibg pad10 pb50">
        <div class="lianxi">
            <ul>
                <li><a href="#">
                        <h4>朝阳艺术中心</h4>
                        <p>
                            办公地址：北京市朝阳区育慧里一区四号楼7层 <br>
                            客服电话：010-84613786
                        </p>
                    </a></li>
                <li><a href="#">
                        <h4>望京艺术中心 </h4>
                        <p>
                            办公地址：北京市朝阳区湖光中街1号903室 <br>
                            客服电话：010-84613786
                        </p>
                    </a></li>

                <li><a href="#">
                        <h4>顺义艺术中心</h4>
                        <p>
                            办公地址：北京市朝阳区京密路孙河52号院 <br>
                            客服电话：010-84592399
                        </p>
                    </a></li>
                <li><a href="#">
                        <h4>海淀艺术中心</h4>
                        <p>
                            办公地址：北京市海淀区北坞村路中坞新村东38号 <br>
                            客服电话：010-88855517
                        </p>
                    </a></li>
                <li><a href="#">
                        <h4>朝阳艺术中心</h4>
                        <p>
                            办公地址：北京市朝阳区育慧里一区四号楼706室<br>
                            客服电话：010-84633784<br>
                            邮 箱: info@lijuanart.com
                        </p>
                    </a></li>
            </ul>
            <div id="map"></div>
        </div>
    </div>
    <div class="foots">
        <script>
            $(".foots").load("foot.html");
        </script>
    </div>
<script>
   //创建和初始化地图函数：
   function initMap(){
      createMap();//创建地图
      setMapEvent();//设置地图事件
      addMapControl();//向地图添加控件
      addMapOverlay();//向地图添加覆盖物
    }
    function createMap(){ 
      map = new BMap.Map("map"); 
      map.centerAndZoom(new BMap.Point(116.437403,39.996118),16);
    }
    function setMapEvent(){
      map.enableScrollWheelZoom();
      map.enableKeyboard();
      map.enableDragging();
      map.enableDoubleClickZoom()
    }
    function addClickHandler(target,window){
      target.addEventListener("click",function(){
        target.openInfoWindow(window);
      });
    }
    function addMapOverlay(){
      var markers = [
        {content:"北京市朝阳区育慧里一区四号楼7层",title:"朝阳艺术中心",imageOffset: {width:-46,height:-21},position:{lat:39.996978,lng:116.436977}}
      ];
      for(var index = 0; index < markers.length; index++ ){
        var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
        var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
          imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
        })});
        var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
        var opts = {
          width: 200,
          title: markers[index].title,
          enableMessage: false
        };
        var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
        // marker.setLabel(label);
        addClickHandler(marker,infoWindow);
        map.addOverlay(marker);
      };
    }
    //向地图添加控件
    function addMapControl(){
      var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
      map.addControl(navControl);
    }
    var map;
      initMap();
</script>
</body>